<template>
	<view class="box">

		<view class="shang">
			<image @click="fanhui()" class="img1" src="../../../static/address/fanhui.png" mode=""></image>
			<view class="test">
				地址谱
			</view>
			<image class="img2" src="../../../static/address/add.png" mode=""></image>
		</view>
		<view class="xia">
			<view class="xia-box">
				<view class="test0">
					<image class="img3" src="../../../static/address/dingwei.png" mode=""></image>
					xx煤厂
				</view>
				<view class="test1">
					某某省某某市xxx
				</view>
				<view class="anniu">
					<view class="an0" style="text-align: right;">
						删除
					</view>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	import {
		onTabItemTap,
		onLoad,
		onShow,
		onHide
	} from "@dcloudio/uni-app";
	import {
		ref,
		onMounted
	} from 'vue';
	// shuju=ref([]);
	const fanhui =()=>{
		uni.navigateTo({
			url:"/pages/sourceofgoods/pageinfo/fabu"
		})
	}
	const cha =async()=>{
		const shuju01 = await http({
			url: '/addressbook/cha',
			method: 'get' // 默认就是get请求
		});
		shuju.value = shuju01.stations;
		console.log('分类的值为')
		console.log(fenleis.value);
		
	}
	onLoad(()=>{
		cha()
	});
	
	
</script>

<style lang="scss">
	.box {
		display: flex;
		flex-direction: column;
		/* 垂直布局 */
		height: 100vh;
		/* 视口高度 */
		width: 100vw;
		/* 视口宽度 */
		background-color: #002fa7;

	}
	.img3{
		width: 35rpx;
		height: 35rpx;
	}
	.img1{
		margin-top: 22rpx;
		width: 50px;
		height: 50px;
	}
	.img2{
		margin-left: 200px;
		margin-top: 22rpx;
		width: 50px;
		height: 50px;
	}
	.test{
		color: #ffffff;
		font-size: 30px;
	}
	.shang {
		line-height: 70px; /* 设置行高等于盒子高度 */
		display: flex;
		height: 10%;
	}

	.xia {
		height: 90%;
		background-color: #eeeeee;
		border-radius: 20rpx 20rpx 0 0;
	}
	.xia-box{
		
		margin: 20rpx;
		padding: 20rpx;
		background-color: #ffffff;
		border-radius: 20rpx;
	}
	.anniu{
		width: 100%;
		 display: flex;
		 flex-direction:row-reverse;
	}
	.test0{
		font-size: 40rpx;
	}
	.test1{
		color: #949494;
		margin-left: 40rpx;
	}
	.an0{
		padding: 15rpx;
		border: 1px solid #a2a2a2;
	}
</style>